html,
body {
    height: 100%;
    background: #eff0f2;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 0 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.mynavbar{background-color: #fff}

.mypage-ul{
    margin-top: 20px;
    margin-bottom: 0;
}
.news-item {
    padding: 10px;
    border-bottom: dashed 1px #ccc;
}
.icon-folder {
    display: inline-block;;
    width: 24px;
    height: 24px;
    background: url(/images/icons.png) no-repeat -260px -4px;
    margin-top:0px;
    margin-right: 0px;
    position: relative;
    top: 2px;
}
.icon-trianger {
    position: relative;
    display: inline-block;
    width: 24px;
    height:24px;
    background: url(/images/icons.png) no-repeat -4px -4px;
    margin-top: 1px;
    cursor: pointer;
    top: 2px;
}
.icon-trianger.open{
    background: url(/images/icons.png) no-repeat -36px -4px;
}
.mytable{border-top: solid 1px #ddd;border-left: solid 1px #ddd;border-right: solid 1px #ddd;background-color: #ffffff}
.mytable td{border-bottom: solid 1px #ddd;padding:8px}
.mytable th{border-bottom: solid 1px #ddd;padding:8px;background-color: #eee}

/*menu*/
.sub-nav{ margin:30px auto 50px; padding-bottom:30px; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #e0e0e0; }
.sub-nav.short{ padding-bottom:0; border-bottom:0; }
.sub-nav a{ margin-left:10px; color:#333;  }
.sub-nav a:hover,.sub-nav a.active{ color:#d70029; }
.sub-nav i{ margin-left:10px; color:#e0e0e0; }
.n-list{ padding:0 15px; }
.n-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.n-list ul { list-style-type:none; padding:0;}
.n-list ul li{ float:left; margin-bottom:30px; width:50%; padding:0; list-style-type:none; }
.n-list ul li .list-box{ position:relative; margin:0 15px; padding:30px; background:#f5f5f5; }
.n-list ul li .list-box h3{ display:block; color:#333; font-size:16px; font-weight:normal; line-height:16px; margin:0}
.n-list ul li .list-box .info{ margin:10px 0 0; }
.n-list ul li .list-box .info span{ margin-right:10px; color:#b0b0b0; font-size:13px; line-height:20px; }
.n-list ul li .list-box .info span i{display:inline-block; font-size:14px; line-height:14px; }
.n-list ul li .list-box .note{ margin:10px 0 0; _display:inline; *zoom:1; }
.n-list ul li .list-box .note:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.n-list ul li .list-box .note .img-box{ position:relative; float:left; margin-right:4%; width:30%; height:90px; overflow:hidden; }
.n-list ul li .list-box .note .img-box img{ width:120px; height:90px; }
.n-list ul li .list-box .note p{ display:block; float:left; width:66%; *width:65.9%; height:90px; line-height:22.5px; color:#757575; font-size:13px; overflow:hidden; }
.n-list ul li .list-box .note p.full{ width:100%; }
.text-break{
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.img-place{
    border:solid 1px #CCCCCC;padding:5px;
}